<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>		
		<style type="text/css">
			.box{
				width: 300px;
				height: 300px;
				background: pink;
				border: 5px dotted black;
				border-radius: 50%;
				/*display: none;*/
				overflow: hidden;
			}
			
			.box:hover{
				display: block;
			}
									
			a{
				background: red;
				border: 1px solid blue;
			}
			
		</style>
	</head>
	<body>
		<div class="box">			
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolores rerum quia dolorem soluta repellendus deleniti illum nobis quis ullam perspiciatis blanditiis nesciunt animi placeat ex commodi error minus? Harum.		
		</div>
		<a href="#">这是一个a标签</a>
	</body>
</html>
